<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style:none;
            }
            nav{
                height: 43px;
            }
            nav .z{
                float: right;
                margin-top: 20px;
            }
            nav .x{
                margin-right: 20px;
            }
            nav .c{
                margin-right: 10px;
                background: #3388ff;
                width: 60px;
                height: 24px;
                float: right;
            }
            nav .v{
                margin-left: 5px;
                text-decoration: none;
            }
            div{
                margin-top: 1px;
                text-align: center;
            }
            div .a{
                height: 36px;
                width: 640px;
                margin-left: auto;
                margin-right: auto;

            }
            div .f{
                width: 540px;
                height: 36px;
            }
            div .b{
                width: 96px;
                height: 40px;
                background: #3388ff;
                float: right;
            }
            div .o{
                color: white;
            }
            .i{
                margin-top: 100px;
                text-align: center;
            }
            div .p{
                width: 537px;
                height: 37px;
                text-align: center;
            }
            
        </style>
    </head>
    <body>
        <nav>
            <ul>
                <li class="z">
                    <a class="x" href="" style="color: black;font-size: 13px;">糯米</a>
                    <a class="x" href="" style="color: black;font-size: 13px;">新闻</a>
                    <a class="x" href="" style="color: black;font-size: 13px;">hao123</a>
                    <a class="x" href="" style="color: black;font-size: 13px;">地图</a>
                    <a class="x" href="" style="color: black;font-size: 13px;">视频</a>
                    <a class="x" href="" style="color: black;font-size: 13px;">贴吧</a>
                    <a class="x" href="" style="color: black;font-size: 13px;">登录</a>
                    <a class="x" href="" style="color: black;font-size: 13px;">设置</a>
                    <p class="c">
                    <a class="v" href="" style="color: white;font-size: 13px;">更多产品</a>
                    </p>
                </li>
            </ul>
        </nav>
        <div>
            <ul>
            <li>
            <img src="images/bd_logo1.png" alt="">
            </li>       
            <li>
        <div class="a">
            <input class="f" type="text">
            <div class="b">
                 <p style="margin-top: 8px;">
                     <a style="color: white;text-decoration: none;" href="">百度一下</a>
                 </p>
            </div>
            </li>
            </div>
            </ul>
        </div>
        <p class="i">
            <img src="images/zbios_efde696.png" alt="">
        </p>
        <p style="text-align: center;font-size: 12px;margin-bottom: 10px;">手机百度</p>
        <div class="p">
            <p>
                <a style="color: grey;font-size: 14px;margin-right: 23px;" href="">把百度设为主页</a>
                <a style="color: grey;font-size: 14px;margin-right: 23px;" href="">关于百度</a>
                <a style="color: grey;font-size: 14px;margin-right: 23px;" href="">About  Baidu</a>
                <a style="color: grey;font-size: 14px;" href="">百度推广</a>
            </p>
            <p style="color: grey;font-size: 14px;">
                ©2016 Baidu
                <a style="color: grey;font-size: 14px;" href="">使用百度前必读</a>
                <a style="color: grey;font-size: 14px;" href="">意见反馈</a>
                京ICP证030173号
                <a style="color: grey;font-size: 14px;" href="">京公网安备11000002000001号</a>
            </p>
        </div>
    </body>
</html>